<!DOCTYPE html>
<html class="um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px">
    <head>
        <title></title>
        <meta charset="utf-8">
        <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
        <link rel="stylesheet" href="css/ui-input.css">
        <link rel="stylesheet" href="css/ui-base.css">
        <link rel="stylesheet" href="css/base.css">
        <link rel="stylesheet" href="css/ui-box.css">
        <link rel="stylesheet" href="css/ui-color.css">
        <link rel="stylesheet" href="css/appcan.control.css">
        <script src="js/zy_control.js"></script>
        <script src="js/zy_click.js"></script>
        <script src="js/main1.js"></script>
        <style>
            .bcImage {
                background-image: url('image/bcImage.png');
                background-size: 100% 100%;
            }
            .return {
                background-image: url('image/delaySchedule1.png');
                width: 1.25em;
                height: 1.25em;
            }
            .no {
                background-image: url('image/monthlyWorkRemind1.png');
                width: 1.5em;
                height: 1.5em;
            }
            .yes {
                background-image: url('image/monthlyWorkRemind2.png');
                width: 1.5em;
                height: 1.5em;
            }
            .rgba2 {
                background-color: rgba(255,255,255,.2);
            }
            .bold {
                font-weight: bold;
                font-size: 1.25em;
                color: #d23139;
            }
            .umar_tb {
                margin: .4em 0;
            }
            
            .borr{
                border: 1px solid red;
            }
        </style>
    </head>
    <body class="um-vp " ontouchstart>
        <div id="page_0" class="up ub ub-ver bc-bg bc-text-head" tabindex="0">
            <!--header开始-->
            <div id="header" class="uh ub bc-text-head t-wh" style="background-color: #36395c">
                <div class="nav-btn" id="nav-left" onclick="closeWidget();">
                    <div class="return ub-img wh_a"></div>
                </div>
                <h1 class="ut ub-f1 ulev0 ut-s tx-c " tabindex="0">每月工作提醒</h1>
                <div class="nav-btn nav-bt" id="nav-right"></div>
            </div>
            <!--header结束--><!--content开始-->
            <div id="content" class="ub-f1 tx-l bcImage ub-img">
                <div class="ub ub-ver ub-ac" style="padding: 1em">
                    <div class="ub ub-ac ub-pc rgba2" style="margin-bottom: .5em">
                        <div style="margin: .4em 0 .4em 1em">本月还有</div>
                        <div class="bold">8</div>
                        <div style="margin: .4em 1em .4em 0">项工作需要上报</div>
                    </div>
                    
                    <div class="ub ub-ver" style="width: 100%">
                        <div class="ub ub-ac ub-pj umar_tb">
                            <div class="ub ub-ac ub-pc">
                                <div id="select1" class="ub-img no" onclick="select(this.id)"></div>
                                <div class="umar-l">不正常航班授权</div>
                            </div>
                            <div class="ub ub-ac ub-pc">
                                <div id="select2" class="ub-img no" onclick="select(this.id)"></div>
                                <div class="umar-l ulev-1">超售统计</div>
                            </div>
                        </div>
                        <div class="ub ub-ac ub-pj umar_tb">
                            <div class="ub ub-ac ub-pc">
                                <div id="select3" class="ub-img yes" onclick="select(this.id)"></div>
                                <div class="umar-l">不正常航班授权</div>
                            </div>
                            <div class="ub ub-ac ub-pc">
                                <div id="select4" class="ub-img no" onclick="select(this.id)"></div>
                                <div class="umar-l ulev-1">超售统计</div>
                            </div>
                        </div>
                        <div class="ub ub-ac ub-pj umar_tb">
                            <div class="ub ub-ac ub-pc">
                                <div id="select5" class="ub-img no" onclick="select(this.id)"></div>
                                <div class="umar-l">遣返旅客处置</div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="ub ub-ver" style="width: 100%">
                        <div class="ub ub-ac ub-pj umar_tb">
                            <div class="ub ub-ac ub-pc">
                                <div id="select6" class="ub-img no" onclick="select(this.id)"></div>
                                <div class="umar-l">不正常航班授权</div>
                            </div>
                            <div class="ub ub-ac ub-pc">
                                <div id="select7" class="ub-img no" onclick="select(this.id)"></div>
                                <div class="umar-l ulev-1">超售统计</div>
                            </div>
                        </div>
                        <div class="ub ub-ac ub-pj umar_tb">
                            <div class="ub ub-ac ub-pc">
                                <div id="select8" class="ub-img yes" onclick="select(this.id)"></div>
                                <div class="umar-l">不正常航班授权</div>
                            </div>
                            <div class="ub ub-ac ub-pc">
                                <div id="select9" class="ub-img no" onclick="select(this.id)"></div>
                                <div class="umar-l ulev-1">超售统计</div>
                            </div>
                        </div>
                        <div class="ub ub-ac ub-pj umar_tb">
                            <div class="ub ub-ac ub-pc">
                                <div id="select10" class="ub-img no" onclick="select(this.id)"></div>
                                <div class="umar-l">遣返旅客处置</div>
                            </div>
                        </div>
                    </div>
                    
                </div>
            </div>
            <!--content结束-->

        </div>
      
    </body>
    <script>
        zy_init();
        window.uexOnload = function(type) {
            if (!type) {
                //点击设备返回键时则退出子应用
                uexWindow.setReportKey(0, 1);
                uexWindow.onKeyPressed = function(keyCode){
                    if (keyCode == 0){
                         uexWidget.finishWidget('1');
                    } 
                }
            }
       }
    function select(id) {
        var selectC = document.getElementById(id).className;
        //alert(selectC);
        if (selectC.indexOf("no") > -1) {
            document.getElementById(id).className = "ub-img yes";
        } else {
            document.getElementById(id).className = "ub-img no";
        }
    }
    
    function closeWidget(){
        uexWidget.finishWidget('1');
    }
    </script>
</html>